<template>
  <div class="fac-pic-container2">
    <img class="fac-img" :src="picUrl">
  </div>
</template>
<script>
export default {
  name: "FactoryCard2",
  components: {},
  props: {
    picUrl: String
  }
};
</script>

<style scoped>
.fac-pic-container2 {
  width: 291px;
  height: 291px;
  clear: both;
  display: inline-block;
  flex: 0 0 22%;
  margin-right: 10px;
  margin-bottom: 10px;
}
.fac-img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
}

div img:hover {
  transform: scale(1.05);
}
</style>